<!-- 列表 -->
<template>
	<view class="">
		<uni-list>
			<uni-list-item title="标题" showArrow to="/pages/dxgj/form"></uni-list-item>
			<uni-list-item>
				<view slot="body" class="w100 row">
					<view class="fz28 fyyeert">
						产废单位：
					</view>
					<view class="col  row">
						<view class="text col tl">
							666
						</view>
						<uni-icons type="arrowdown" class="mt5"></uni-icons>
					</view>
				</view>
			</uni-list-item>
			
			
			<uni-list-item title="标题" rightText="666"></uni-list-item>
			<uni-list-item title="标题" note="介绍"></uni-list-item>
			<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png"
			 thumb-size="sm" rightText="小图" />
			<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png"
			 thumb-size="base" rightText="默认" />
			<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png"
			 thumb-size="lg" rightText="大图" />
			<uni-list-item :show-extra-icon="true" showArrow title="列表左侧带扩展图标" />
		</uni-list>

		<uni-section title="右滑删除" type="line"></uni-section>
		<uni-swipe-action>
			<uni-list>
				<uni-swipe-action-item :right-options="options" @click="swipeClick($event)" v-for="sd in 5">
						<uni-list-item title="标题" class="w100"></uni-list-item>
				</uni-swipe-action-item>
			</uni-list>
		</uni-swipe-action>

	</view>
</template>
<script>
	export default {
		data() {
			return {
				options: [{
					text: '删除'
				}]
			}
		},
		components: {},
		methods: {
			swipeClick(e) {
				uni.showToast({
					title:'点击删除按钮'
				})
				console.log(e)
			}
		},
		mounted() {}
	}
</script>
<style scoped>

</style>
